<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/SellerTableCheck.css">
    <script src="/js/Jquery.js"></script>
    <script src="/js/SellerTableCheck.js"></script>
    <script type="text/javascript" src="/js/Jquery.qrcode.min.js"></script>
    <title>查看餐桌状态</title>
</head>
<body>
<div>
    <ul id="s">
        <li><a href="/seller/menulist1"> 菜单1 </a></li>
        <li><a href="/seller/menulist2"> 菜单2 </a></li>
        <li><a href=""> 编辑 </a></li>
        <li><a href="/seller/order2"> 订单 </a></li>
        <li><a href="/table/seller"> >餐桌 </a></li>
    </ul>
</div>

</div>
<div id="back">
</div>
<div id="table">
    <div id="table1">
        <div  th:style="${table1} == null ? 'display:none':'display:block'"><!--用于隐藏-->
        <a th:href="@{'/seller/order2/'+${table1}}"><!--用于跳转-->
            <button id = "table11">订单号：
                <div th:text="${table1} == null ? '无':${table1}"> <!--用于改字-->
                </div>
            </button>
        </a>
        </div>
    </div>

    <div id="table2">
        <div th:style="${table2} == null ? 'display:none':'display:block'"><!--用于隐藏-->
            <a th:href="@{'/seller/order2/'+${table2}}"><!--用于跳转-->
                <button>订单号：
                    <div th:text="${table2} == null ? '无':${table2}"> <!--用于改字-->
                    </div>
                </button>
            </a>
        </div>
    </div>

    <div id="table3">
        <div th:style="${table3} == null ? 'display:none':'display:block'"><!--用于隐藏-->
            <a th:href="@{'/seller/order2/'+${table3}}"><!--用于跳转-->
                <button>订单号：
                    <div th:text="${table3} == null ? '无':${table3}"> <!--用于改字-->
                    </div>
                </button>
            </a>
        </div>
    </div>

    <div id="table4">
        <div th:style="${table4} == null ? 'display:none':'display:block'"><!--用于隐藏-->
            <a th:href="@{'/seller/order2/'+${table4}}"><!--用于跳转-->
                <button>订单号：
                    <div th:text="${table4} == null ? '无':${table4}"> <!--用于改字-->
                    </div>
                </button>
            </a>
        </div>
    </div>
</div>
<!--x==================================-->
<div id ="qrcode1"></div>
<div id ="qrcode3"></div>
<div id ="qrcode2"></div>
<div id ="qrcode4"></div>
<script>
    $('#qrcode1').qrcode({width:100,height:100,text:"http://localhost:8080/table/onuse/1"});
</script>
<script>
    $('#qrcode2').qrcode({width:100,height:100,text:"http://localhost:8080/table/onuse/2"});
</script>
<script>
    $('#qrcode3').qrcode({width:100,height:100,text:"http://localhost:8080/table/onuse/3"});
</script>
<script>
    $('#qrcode4').qrcode({width:100,height:100,text:"http://localhost:8080/table/onuse/4"});
</script>
<!--x===================================-->
<script>
    sellerTableCheck();
</script>
</body>
</html>